<!doctype html>
<html>
<head>
  <title>mobile web app</title>
  <style>
      html{
        height: 100%;
        font-size: 6px;
      }
      body{
        height: 100%;
        margin: 0;
        padding: 0;
      }
      a,Link{
        text-decoration: none;
        color: black;
      }
      .small{
          font-size: 2rem;
      }
      .medium{
          font-size: 3rem;
      }
      .big{
          font-size: 4rem;
      }
    </style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  
  <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
  <script>
    if ('addEventListener' in document) {
      document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
      }, false);
    }
    if(!window.Promise) {
      document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
    }
    var PAGE_WIDTH = document.documentElement.clientWidth;
    var PAGE_HEIGHT = document.documentElement.clientHeight;
    var _timeOutTemp = null;
    function setPageSize(){
      PAGE_WIDTH = document.documentElement.clientWidth;
      PAGE_HEIGHT = document.documentElement.clientHeight;
      console.log(PAGE_WIDTH,PAGE_HEIGHT);
      var html = document.getElementsByTagName("html")[0];
      fontSize = (12/750 * PAGE_WIDTH)+"px";
      html.style.fontSize = fontSize;
    }
    function reLoad (){
      clearTimeout(_timeOutTemp);
      _timeOutTemp = setTimeout(() => {
        location.reload();
      }, 100);
    }
    //当浏览器窗口大小改变时，设置显示内容的高度  
    window.onresize = function(){
      setPageSize();
      reLoad();
    }
    setPageSize();
  </script>
  
  <link rel="stylesheet" href="/dist/index.css">
</head>
<body>
  <div id="root" style="width:100%;height:100%;"/>
  <script src="https://as.alipayobjects.com/g/component/??react/15.3.2/react.min.js,react/15.3.2/react-dom.min.js"></script>
  <script src="/dist/shared.js"></script>
  <script src="/dist/index.js"></script>
</body>
</html>
